<template>
    <div>
        <el-header style="font-size: 20px;position: relative;left: -20px;top: 20px">
            <i class="el-icon-user"></i>/退款申请
        </el-header>
        <div class="message">
            <div style="padding: 10px" class="grid-content bg-purple"><span>案号:</span><br>{{rowss.caseNo}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>委托人:</span><br>{{rowss.caseWtr}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>提交人:</span><br>{{rowss.caseSubmitter}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>退款金额:</span><br>{{rowss.decreaseMoney}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>申请日期:</span><br>{{rowss.applyDate}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>减免事由:</span><br>{{rowss.reason}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>退款申请单:</span><br><button @click="xz" >点击下载退款申请单</button></div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>备注:</span><br>{{rowss.reason}}</div>
        </div>
    </div>
</template>

<script>

    export default {
        name: "FeeRemission",
        props:['rows'],
        data(){
            return{
                rowss:this.rows,
            }
        },
        watch:{
            rows:function () {
                this.rowss=this.rows
            }
        },
        methods:{
            xz(){
                alert("嘻嘻!")
            }
        },
        created(){

        }
    }
</script>

<style scoped>
    .message{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .bg-purple {
        background: #FFFFFF;
        border: 1px solid   darkgray;
        width: 23.5%;
        height: 50px;
    }
</style>
